<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
    <title>获取摄像头</title>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <link rel="stylesheet" href="css/index.css?t=150" />

</head>

<body>
    <div id="webcam">
        <video src="" height="120px" autoplay="autoplay" style="object-fit: fill" webkit-playsinline="true" x-webkit-airplay="true" playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"></video>
        <button class="fchangeCam">前摄像头</button>
        <button class="lchangeCam">后摄像头</button>
    </div>
</body>
<script src="js/jquery-1.12.3.min.js"></script>
<script src="js/index.js?t=150"></script>

</html>